//点击按钮， 触发的事件=====获得表单数据
/*
document.querySelector(".sunmitbtn").onclick=function (){

    //邮箱
    var email=document.querySelector(".email").value;
    console.log("邮箱"+email);


    //真实姓名
    var reallyname=document.querySelector(".reallyname").value;
    console.log("真实姓名"+reallyname);

    //身份证号
    var card=document.querySelector(".card").value;
    console.log("身份证号"+card);
}
*/

/*===========================邮箱表单验证=============================*/
document.querySelector(".email").onblur=function (){
    //获得邮箱
    var email=document.querySelector(".email").value;
    console.log("邮箱"+email);
    //邮箱是否合格
    if(email=="" || email==null){
        document.querySelector(".email-msg").innerText="邮箱不能为空";
    }
    //消息提示
    else  if (!/^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/.test(email)){
        document.querySelector(".email-msg").innerText="请输入正确邮箱格式"
    }
    else {
        document.querySelector(".email-msg").innerText="";
    }
};


/*===========================真实姓名表单验证=============================*/
document.querySelector(".reallyname").onblur=function (){
    //获得真实姓名
    var reallyname=document.querySelector(".reallyname").value;
    console.log("真实姓名"+reallyname);
    //真实姓名是否合格
    if(reallyname=="" || reallyname==null){
        document.querySelector(".rellyname-msg").innerText="真实姓名不能为空";
    }
   else if(!/^[\u4e00-\u9fa5]{0,}$/.test(reallyname)){
        document.querySelector(".rellyname-msg").innerText="请输入您的中文真实名字";
    }
    else {
        document.querySelector(".rellyname-msg").innerText="";
    }

};
/*===========================身份证号表单验证=============================*/
document.querySelector(".card").onblur=function (){
    //身份证号
    var card=document.querySelector(".card").value;
    console.log("身份证号"+card);
    //是否合格
    if (card=="" ||card==null){
        document.querySelector(".card-msg").innerText="身份证号不能为空";

    }
    else if (!/^\d{15}|\d{18}$/.test(card)){
        document.querySelector(".card-msg").innerText="请输入正确身份证号码";

    }
    else{
        document.querySelector(".card-msg").innerText="";
    }
};